<template>
    <el-form-item v-if="curComponent.propValue.value=='AtlasDialog'" label="背景渐变">
        <div  style="clear:both;" class="flex">盒子圆角：<el-input  v-model="curComponent.propValue.boxRadius" type="number" /> </div>
        <div  style="clear:both;" class="flex">盒子间距：<el-input  v-model="curComponent.propValue.imgMargin" type="number" /> </div>
        <div class="flex">背景渐变开始： <el-color-picker v-model=" curComponent.propValue.backgroundColor.left" show-alpha></el-color-picker> </div>
        <div class="flex">背景渐变结束： <el-color-picker v-model=" curComponent.propValue.backgroundColor.right" show-alpha></el-color-picker> </div>
        <div class="flex">标题大小：<el-input  v-model="curComponent.propValue.titleSize" type="number" /> </div>
        <div class="flex">标题颜色：<el-color-picker v-model="curComponent.propValue.titleColor" show-alpha></el-color-picker> </div>
        <div class="flex">标题上边距：<el-input  v-model="curComponent.propValue.titleTop" type="number" />  </div>
        <div class="flex">标题左边距：<el-input  v-model="curComponent.propValue.titleLeft" type="number" />  </div>
        <div class="flex">内容大小：<el-input  v-model="curComponent.propValue.subtitleSize" type="number" /> </div>
        <div class="flex">内容颜色：<el-color-picker v-model="curComponent.propValue.subtitleColor" show-alpha></el-color-picker> </div>
        <div class="flex">内容上边距：<el-input  v-model="curComponent.propValue.contentTop" type="number" />  </div>
        <div class="flex">内容左边距：<el-input  v-model="curComponent.propValue.contentLeft" type="number" />  </div>
    </el-form-item>
</template>

<script>
export default {
 props:['curComponent']
}
</script>

<style>

</style>
